{include file="index@index/head"}
<link rel="stylesheet" href="__PUBLIC__/static/static/css/yxdetail.css">
<!--banner-->
<div class="container-fluid">
    <div class="row mb-5 position-relative yxxq-banner-box">
        <div class="fliter"></div>
        <img class="img-fluid yxxq-banner-img" src="{$info.background_logo}" alt="">
        <div class="w-100 position-absolute">
            <div class="container sc-info">
                <div class="row flex-column">
                    <h2>{$info.school_name}</h2>
                    <p>开设层次：<span style="display: {if !in_array(1,$info.level)}none;{/if}">高起专</span>、<span style="display: {if !in_array(2,$info.level)}none;{/if}">专升本</span></p>
                    <ul class="nav tag mb-3">
                        {volist name="info.label" id="v"}
                        <li class="nav-item">{$v.title}</li>
                        {/volist}
                    </ul>
                    <div class="sc-desc mb-5">{$info.content}</div>
                    <div class="d-flex flex-row">
                        <div class="sc-data">
                            <h4>开设专业</h4>
                            <div><span class="big-num">{$info.total}</span>个</div>
                        </div>
                        <div class="sc-data">
                            <h4>累计报读</h4>
                            <div><span class="big-num">{$info.number|abs}</span>万人</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <!--推荐专业-->
    <div class="row flex-column mb-5">
        <div class="d-flex flex-row align-items-baseline mb-4">
            <i class="iconfont icon-tuijianzhuanye iconfont-1"></i>
            <h4 class="font-weight-bold">推荐专业</h4>
        </div>
        <div class="row">
            {volist name="info.gradation" id="v"}
            <div class="col-3 pb-2">
                <div class="d-flex flex-column zy-card">
                    <img class="img-fluid zy-pic" src="{$v.professional_logo}" alt="">
                    <h4 class="text-center text-truncate p-2">{$v.professional_title}</h4>
                    <div class="d-flex justify-content-around">
                        <a href="{:u('contact')}" class="btn btn-yellow">立即报名</a>
                        <a href="http://wpa.qq.com/msgrd?v=3&uin={:config('contact_qq')}&site=qq&menu=yes" class="btn btn-blue">报名咨询</a>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
    </div>

    <div class="row mb-5">
        <!--报名专业-->
        <div class="col-6 pl-0">
            
            <div class="d-flex flex-row align-items-baseline mb-4">
                <i class="iconfont icon-tuijianzhuanye iconfont-1"></i>
                <h4 class="font-weight-bold">报名须知</h4>
            </div>
          
            <div class="bmxz-box">
                {$info.notes}
            </div> 
        </div>
        <!--开设专业-->
        <div class="col-6">
            <div class="d-flex flex-row align-items-baseline mb-4">
                <i class="iconfont icon-tuijianzhuanye iconfont-1"></i>
                <h4 class="font-weight-bold">报名专业</h4>
            </div>
            <div class="zy-table">
                <table class="table table-hover">
                    <thead class="thead-light ">
                    <tr>
                        <th>专业名称</th>
                        <th>学制</th>
                        <th>层次</th>
                        <th>报名</th>
                    </tr>
                    </thead>
                    <tbody>
                        {volist name="info.school" id="v"}
                    <tr>
                        <td>{$v.professional_title}</td>
                        <td>{$v.year}年</td>
                        <td>{$v.level == 1 ? '高起专' : '专升本'}</td>
                        <td><a class="text-danger" href="">立即报名</a></td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!--证书样本-->
    <div class="row flex-column mb-5">
        <div class="d-flex flex-row align-items-baseline mb-4">
            <i class="iconfont icon-tuijianzhuanye iconfont-1"></i>
            <h4 class="font-weight-bold">证书样本</h4>
        </div>
        <div class="row">
            <div class="col-6">
                <img class="img-fluid" src="__PUBLIC__/static/static/img/yxxy/pic-5.png" alt="">
                <h4 class="text-center mt-4">毕业证书样本</h4>
            </div>
            <div class="col-6">
                <img class="img-fluid" src="__PUBLIC__/static/static/img/yxxy/pic-6.png" alt="">
                <h4 class="text-center mt-4">学位证书样本</h4>
            </div>
        </div>
    </div>

    <!--相关资讯-->
    <div class="row flex-column mb-5">
        <div class="d-flex flex-row align-items-baseline mb-4">
            <i class="iconfont icon-tuijianzhuanye iconfont-1"></i>
            <h4 class="font-weight-bold">相关咨询</h4>
        </div>
        <div class="row">
            <div class="col-9 yxxq-zx">
                <div class="row">
                    <!--院校新闻 7条-->
                    <div class="col-6">
                        <h5 class="font-weight-bold"><span class="two-line"></span>院校新闻</h5>
                        <ul class="pl-5 pr-4 yxxq-art-list">
                            {sy:list nid="2" cid="108" name="vo" sort="sort desc,datetime desc" num="0,10"} 
                            <li class="yxxq-art"><div class="nav justify-content-between"><a class="text-truncate" style="display: block;" href="">{$vo.title}</a><span>{$vo.datetime|date='Y-m-d ',###}</span></div></li>
                            {/sy:list}
                        </ul>
                    </div>
                    <!--常见问题 7条-->
                    <div class="col-6">
                        <h5 class="font-weight-bold"><span class="two-line"></span>常见问题</h5>
                        <ul class="pl-5 pr-4 yxxq-art-list">
                            {sy:list nid="2" cid="113" name="vo" sort="sort desc,datetime desc" num="0,10"} 
                            <li class="yxxq-art"><div class="nav justify-content-between"><a class="text-truncate" style="display: block;" href="">{$vo.title}</a><span>{$vo.datetime|date='Y-m-d ',###}</span></div></li>
                            {/sy:list}
                        </ul>
                    </div>
                </div>
            </div>
            <!--倒计时-->
            <div class="col-3 yxxq-zx">
                <div class="count-time count-time-5 mb-2 text-center">
                    <p class="pt-4 text-blue">距2020年10月17日统考考试剩余</p>
                    <ul><li class="yxyx_1">0</li><li class="yxyx_2">0</li><li class="yxyx_3">0</li><li class="text-blue">天</li></ul>
                </div>
                <div class="count-time count-time-1 text-center">
                    <p class="pt-4">距2020年10月17日自考考试剩余</p>
                    <ul><li class="yxyx_1">8</li><li class="yxyx_2">8</li><li class="yxyx_3">8</li><li>天</li></ul>
                </div>
            </div>
        </div>
    </div>

</div>

<!--右侧悬浮按钮-->
<div class="right-btns">
    <a href="" class="text-decoration-none">
        <div class="right-btn-item yxxy-item-1">
            <i class="iconfont icon-zaixianbaoming iconfont-2"></i>
            <div>在线报名</div>
        </div>
    </a>
    <div class="right-btn-item">
        <i class="iconfont icon-kefu iconfont-2"></i>
        <div>咨询热线</div>
        <div class="right-left-content">027-85559785</div>
    </div>
    <div class="right-btn-item">
        <i class="iconfont icon-erweima_1 iconfont-2"></i>
        <div>微信公众号</div>
        <div class="right-left-content"><img class="img-fluid" src="__PUBLIC__/static/static/img/wx.jpg" alt=""></div>
    </div>
    <div class="right-btn-item pulltop">
        <i class="iconfont icon-fanhuidingbu_1 iconfont-2"></i>
        <div>返回顶部</div>
    </div>
</div>
<script src="__PUBLIC__/static/static/js/index.js"></script>
<script>
    //倒计时
    var preDate_1 = '2021-10-17';//自考

    diff(preDate_1,'yxyx');
    $(".pulltop").click(function () {
        $("html,body").animate({scrollTop:'0px'},500); //回到顶部
    });
    $(".sc-desc").text($(".sc-desc").text());
</script>
{include file="index@index/foot"}